<script setup lang="ts">
import { navigateTo } from '@tarojs/taro';
import { ARCHIVE_MANAGE_MENU } from './state';
</script>

<template>
  <view class="asset-index app-page--1">
    <app-navbar title="档案管理" />
    <scroll-view class="app-page__wrapper" :scroll-y="true" :lower-threshold="100">
      <view class="asset-index__wrapper">
        <view
          class="asset-option-item"
          v-for="item in ARCHIVE_MANAGE_MENU"
          :key="item.key"
          @click="navigateTo({ url: item.to })"
        >
          <view class="asset-option-item__icon-wrapper">
            <image class="asset-option-item__icon" mode="widthFix" :src="item.img" />
          </view>
          <view class="asset-option-item__title-wrapper">
            <text>{{ item.label }}</text>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<style lang="scss">
@import './index.scss';
</style>
